<template>
	<div class="index">
      <el-dialog
        title="提示"
        :visible.sync="dialogVisible"
        width="30%">
        <span>这是一段信息</span>
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" @click="guan">确 定</el-button>
        </span>
      </el-dialog>
	</div>
</template>

<script>

	export default{
		name: 'index',
    props:['dialogVisible'],
		data(){
			return{

			}
		},
		created() {

		},
    mounted() {

    },
		methods:{
    guan:function(){
      this.$emit('dialogVisibles')
    }
		}
	}
</script>

<style lang="scss" scoped>
	.index{
    border-radius: 10px;
	}
</style>
